<template>
  <div
    :style="`width:${width};height:${height};position:relative;background-image:url('${titleImg}');background-size:100% 100%;`"
  >
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'CustomBorder',
  props: {
    width: {
      type: String,
      default: '',
    },
    height: {
      type: String,
      default: '',
    },
    src: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      titleImg: '',
    };
  },
  created() {
    this.titleImg = require(`@/assets/${this.src}`);
  },
};
</script>
